﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ArcGIS地图显示</title>
    <script src="./static/libs/include-leaflet-local.js"></script>
    <script type="text/javascript">
        /**显示地图
        */
        function init() {
            "use strict";
            var Layer = new Zondy.Map.ArcGISLayer({
                //图层类型
                layerType: Zondy.Enum.Map.ArcGISLayerType.StreetMapWorld2D,
                //设置地图不连续显示
                noWrap:true
            });

            var Layer1 = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
                //图层序列号
                layers: '0,1,2',
                //wms版本号
                version: '1.3.0',
                //设置地图不连续显示
                noWrap:true
            });

            var Layer2 = new Zondy.Map.ArcGISLayer({
                //服务地址，在使用前需先登录服务(在浏览器中输入服务地址，输入用户名 admin，密码 sa 登录)
                url: 'http://192.168.120.1:6080/arcgis/rest/services/SampleWorldCities/MapServer',
                //设置地图不连续显示
                noWrap:true
            });

            var Maps = {
                //访问ArcGIS官方地图(http://services.arcgisonline.com)
                'ArcGIS官方地图':Layer,
                //wms服务的地图
                'ArcGISwms地图': Layer1,
                //非wms,wmts,瓦片服务的地图
                'ArcGIS矢量地图':Layer2
            };
            //地图容器
            var map = L.map('leaf_map', {
                //参考坐标系，默认是墨卡托坐标系（EPSG3857），EPSG4326为经纬度坐标系
                crs: L.CRS.EPSG4326,
                //显示中心
                center: [27, 113],
                //最小显示等级
                minZoom: 0,
                //最大显示等级
                maxZoom: 15,
                //当前显示等级
                zoom: 6,
                //图层
                layers:Layer,
                //限制显示地理范围
                maxBounds: L.latLngBounds(L.latLng(-180, -180), L.latLng(180, 180))
            });
            L.control.layers(Maps).setPosition('topleft').addTo(map);
        }
    </script>
</head>
<body onload="init()">
    <div id="leaf_map" style="width: 100%; height:700px;">
    </div>
</body>
</html>
